$(document).ready(function() {
    // 监听注册表单的提交事件
    $("#registerForm").submit(function(event) {
        console.log("Form submit triggered");  // 调试信息
        event.preventDefault();  // 阻止表单的默认提交行为

        // 获取表单中的数据
        var formData = new FormData();
        formData.append('username', $("#username").val());
        formData.append('email', $("#exampleInputEmail1").val());
        formData.append('password', $("#exampleInputPassword1").val());
        formData.append('fullName', $("#full_name").val());
        formData.append('profilePicture', $("#profile_picture")[0].files[0]);

        // 发送 AJAX 请求
        $.ajax({
            url: '/user/register',  // 后端处理的 URL（这里假设你要发送到'/user/register'，可以根据实际情况调整）
            type: 'POST',  // 请求方式
            data: formData,  // 通过 FormData 发送表单数据
            contentType: false,  // 不要设置 contentType，jQuery 会自动设置为 multipart/form-data
            processData: false,  // 不要处理数据，jQuery 会自动处理表单数据
            dataType: 'json',  // 期望返回 JSON 格式的数据
            success: function(response) {
                if(response.code == 1) {
                    // 注册成功，跳转到主页
                    window.location.href = '/index.jsp';
                } else {
                    // 注册失败，显示错误消息
                    alert(response.msg);
                }
            },
            error: function(xhr, status, error) {
                // 请求失败时的处理
                alert("请求失败，请稍后再试！");
            }
        });
    });
});
